<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>我的博客</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/jquery-ui.min.css" />
		<link rel="stylesheet" href="css/blog.css" />
		<link rel="stylesheet" href="css/menu.css" />

		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jq-extends.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery-pager.js" ></script>
		<script type="text/javascript" src="js/menu.js"></script>
		<script type="text/javascript" src="js/nojs.js"></script>
		<script>
			$(function() {
				//复制列表
				var $item = $(".post_list .post_item");
				$(".post_list").append($item.clone()).append($item.clone()).append($item.clone());

				$("#t1").datetimepicker();
			});
		</script>
	</head>

	<body>
		<!--容器开始-->
		<div class="container-fluid">
			<!--第一行开始-->
			<div class="row" style="background: deepskyblue;">
				<div class="col-md-4">
					<div style="padding-top: 10px;">
						<h4>冬哥的博客</h4></div>
				</div>
				<div class="col-md-4">
				</div>
				<div class="col-md-4">
					<div class="pull-right-2">
						<iframe style="float: right;" width="100%" scrolling="no" height="65px;" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=5"></iframe>
					</div>
				</div>
				<hr />
			</div>

			<!--第一行结束-->

			<!--主体开始-->
			<div class="row">
				<!--左侧菜单-->
				<div class="col-md-2">
					<div class="menu_div">
						<h4>系统菜单</h4>
						<ul class="left_menu nav nav-stacked">
							<li>
								<a>系统模块</a>
								<ul class="itme">
									<li>
										<a>11122222222</a>
									</li>
									<li>
										<a>222</a>
									</li>
									<li> <a>333</a>
									</li>
								</ul>
							</li>

							<li>
								<a>测试 哈哈</a>
								<ul class="itme">
									<li>
										<a>444</a>
									</li>
									<li>
										<a class="current">555</a>
									</li>
									<li>
										<a>666</a>
									</li>
								</ul>
							</li>

							<li>
								<a>java</a>
								<ul class="itme">
									<li>
										<a>444</a>
									</li>
									<li>
										<a>555</a>
									</li>
									<li>
										<a>666</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<!--中间列表-->
				<div class="col-md-10">
					<div class="col-md-12">
						<div class="pull-right" style="padding-top: 5px;">
							<form class=" form-inline " role="search">
								<div class="form-group">
									<input class="form-control" type="text" />
								</div>
								<button type="submit" class="btn btn-default">搜索</button>
							</form>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">

							<!--文章列表 -->
							<div class="post_list">

								<div class="post_item">
									<!--推荐-->
									<div class="digg">
										<div class="diggit">
											<span class="diggnum">20</span>
										</div>
										<div class="clear"></div>
										<div class="digg_tip"></div>
									</div>
									<div class="post_item_body">
										<h3><a class="titlelnk" href="detail.html" target="_blank">关于开源的那些事</a></h3>
										<p class="post_item_summary">
											前言 其实想写写关于开源的文章已经好久了，从在2010年开始接触Hadoop到现在已经有六个年头了，从最早的Hadoop用户和Contributor，再成为Committer，最后成为PMC (Product Management Committee，项目管理委员会) 委员，挫折、 欣喜都在交替在我 ...
										</p>
										<div class="post_item_foot">
											<a class="lightblue">小明</a>发布于 2016-8-21 15:03
											<span class="article_comment">
										<a class="gay">评论(12)</a>
									</span>
											<span class="article_view">&nbsp;<a class="gay">阅读(1020)</a></span>
										</div>
									</div>
								</div>

								<div class="post_item">
									<!--推荐-->
									<div class="digg">
										<div class="diggit">
											<span class="diggnum">15</span>
										</div>
										<div class="clear"></div>
										<div class="digg_tip"></div>
									</div>
									<div class="post_item_body">
										<h3><a class="titlelnk" href="http://www.baidu.com" target="_blank">图解PHP</a>	</h3>
										<p class="post_item_summary">
											HTTP基础的简单理解 在了解HTTP协议之前，我们先了解下TCP/IP的参考模型，TCP/IP参考模型分为四层：应用层、传输层、网络层、链路层(数据链路层)。 应用层：为不同的网络应用提供所需的服务。 传输层：为应用层实体提供端到端的通信/传输功能，确保数据包的按顺序传送及数据的完整性。 网络层：
										</p>
										<div class="post_item_foot">
											<a class="lightblue">张三</a>发布于 2016-8-21 15:03
											<span class="article_comment">
										<a class="gay">评论(112)</a>
									</span>
											<span class="article_view">&nbsp;<a class="gay">阅读(1889)</a></span>
										</div>
									</div>
								</div>

							</div>
							<!--文章列表结束-->
							<!--<div class="text-center "></div>-->
							<form class="row pager-form" role="form" action="" method="post">
								<div class="row">
									<div class="col-md-5">
										<div class="pagination input-group-bsx">
											<span>共<span class="total">100</span>条记录，每页显示
											<select class=" input-xs" name="size" data-value="10">
												<option value="10">10</option>
												<option value="12">12</option>
												<option value="20">20</option>
												<option value="30">30</option>
												<option value="40">40</option>
												<option value="50">50</option>
												<option value="60">60</option>
												<option value="70">70</option>
											</select>条，</span>
											<span><button type="submit" class="btn btn-xs">跳转到</button>第<input class="input-xs" type="text" style="width: 35px;" name="page"  value="10"/>页</span>
										</div>
									</div>
									<div class="col-md-7">
										<ul class="pagination pagination-sm pager-list" data-size=10 data-page=35 data-total=550 >
										</ul>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
			<!--主体结束-->

			<!--页脚-->
			<div id="footer" class="container">
				<nav class="navbar navbar-default navbar-fixed-bottom">
					<div class="navbar-inner navbar-content-center">
						<div align="center" style="padding-top: 10px;">
							<!--<span style="float: left;padding-left: 20px;">整理自 <a  href="http://www.baidu.com" target="_blank">网络</a> V1.0</span>-->Copyright © VIC学习记录
						</div>
					</div>
				</nav>
			</div>
			<!--容器结束-->
		</div>
	</body>

</html>